export const basicUsage = `
//按需引入
import {PhAlertBar} from 'phoeon'
//属性事件
interface AlertBar{
    type:{
        type:String,
        default:"warning"//<primary|success|warning|danger>
    },
    closable:{
        type:Boolean,
        default:false
    },
    visible:{
        type:Boolean,
        default:false
    },

    @close//关闭事件
}

`;
export const demo = `
<ph-alert-bar type="primary" :visible="true">this is <a>primary</a> bar</ph-alert-bar>
<ph-alert-bar type="success" :visible="v1" :closable="c1" @close="v1=false">this is <a>success</a> bar</ph-alert-bar>
<ph-alert-bar type="info" :visible="true">this is <a>info</a> bar</ph-alert-bar>
<ph-alert-bar type="warning" :visible="v2" :closable="c2" @close="v2=false">this is <a>warning</a> bar</ph-alert-bar>
<ph-alert-bar type="danger" :visible="true">this is <a>danger</a> bar</ph-alert-bar>
`;
